Using p5.js, HTML, and FTP

Resources

• Hello p5.js

  An introduction to what p5.js is and what it can do.

• What is p5js?

  What is p5js? What can you do with it? Where did it come from?

• Using the p5js online editor

  How do you write p5.js code? How do you run it?

Class Basics

p5.js (Javascript library)

• Open the p5js online editor here.
• Login or create an account if you haven't yet.
• Write your first sketch by following these steps.
• Figure out how to do more! Use the reference here.
• Figure out how to do more! Use the reference here.

HTML (Hypertext Markup Language)

• Here is an example of what your site should look like. You can download and edit this template here (you might want to change the name at the top).
• Take a look at this tutorial that covers the very basics. Read through the first three or four pages. You won't need much more than that.
• How do you edit HTML? You can open HTML pages in any text editor. We will be using Sublime.

FTP (File Transfer Protocol)

• Here are the basics for editing files on your site using FTP.
• Here is a diagram:

OK, so how do I hand in homework?

• You put all of these things together. Here are instructions.

Classwork

• Exercise 1.0